/* 
 * @Author: anchen
 * @Date:   2017-10-18 19:59:05
 * @Last Modified by:   anchen
 * @Last Modified time: 2017-10-24 11:25:34
 */
$(document).ready(function() {
    /*背景图*/
    $('.scene').parallax();
    $('#next-detailMsg').attr('disabled', "true"); //初始为disabled属性 
    //点击下一步，上一步，对应div出现和menu切换
    $('#next-baseMsg').click(function() {
        $('.menu-symbol').eq(0).addClass('memu-active');
        $('.menu-text').eq(1).addClass('memu-active');
        $('.menu-number').eq(1).addClass('menu-number-active');
        $(".banner-list").animate({
            left: '-=6.56rem'
        }, "fast");
    });
    $('#next-detailMsg').click(function(event) {
        $('.menu-symbol').eq(1).addClass('memu-active');
        $('.menu-text').eq(2).addClass('memu-active');
        $('.menu-number').eq(2).addClass('menu-number-active');
        $(".banner-list").animate({
            left: '-=6.56rem'
        }, "fast");
    });
    $('#previous-choice').click(function(event) {
        $('.menu-symbol').eq(0).removeClass('memu-active');
        $('.menu-text').eq(1).removeClass('memu-active');
        $('.menu-number').eq(1).removeClass('menu-number-active');
        $(".banner-list").animate({
            left: '+=6.56rem'
        }, "fast");
    });
    $('#previous-baseMsg').click(function(event) {
        $('.menu-symbol').eq(1).removeClass('memu-active');
        $('.menu-text').eq(2).removeClass('memu-active');
        $('.menu-number').eq(2).removeClass('menu-number-active');
        $(".banner-list").animate({
            left: '+=6.56rem'
        }, "fast");
    });
    //组别介绍div的切换
    $('.choice-button').click(function() {
        var i = $(this).index();
        /* nav选中状态的切换*/
        $(this).addClass('active').siblings().removeClass('active');
        /*已选中的div动态进入*/
        $(".choice-introduce>div").addClass('choice-introduce-active').eq(i).siblings().removeClass('choice-introduce-active');
    });
    //上传图片本地预览
    $('#upImg').change(function() {
        oUpImgInpt = document.getElementById('upImg').files[0];
        var oImgsrc = window.URL.createObjectURL(oUpImgInpt);
        $('#userimg').attr('src', oImgsrc);
    });
    //报名成功弹窗
    function conpeletedAlert(event) {
        $('body').append('<div id="mask"></div>').append(' <div id="completedAlert"class="moveIn "><img src="img/关闭.png" alt="关闭按钮" id="close1"/><div class="completedAlertContent"><p >提交成功<br />我们期待你的加入</p><div class="completedAlertBtns"><input type="button" class="zhuyeBtn" value="主页" /><input type="button" class="cancleBtn" value="返回" /></div></div></div>');
        $('#close1').click(function(event) {
            $(this).parent().siblings('#mask').remove();
            $(this).parent().remove();
        });
        $('.cancleBtn').click(function(event) {
            $(this).parent().parent().parent().siblings('#mask').remove();
            $(this).parent().parent().parent().remove();
        });
        $('.zhuyeBtn').click(function(event) {
            window.open('index.html', '_self');
            $(this).parent().siblings('#mask').remove();
            $(this).parent().remove();
        });
    }
    //重复报名弹窗
    function repeatedAlert(event) {
        $('body').append('<div id="mask"></div>').append(' <div id="repeatedAlert"><img src="img/关闭.png" alt="关闭按钮" id="close2"/><div class="repeatedAlertContent"><p >重复提交<br />请耐心等待面试通知</p><div class="repeatedAlertBtns"><input type="button" class="zhuyeBtn2" value="主页" /><input type="button" class="cancleBtn2" value="返回" /></div></div></div>');
        $('#close2').click(function(event) {
            $(this).parent().siblings('#mask').remove();
            $(this).parent().remove();
        });
        $('.cancleBtn').click(function(event) {
            $(this).parent().parent().parent().siblings('#mask').remove();
            $(this).parent().parent().parent().remove();
        });
        $('.zhuyeBtn').click(function(event) {
            window.open('index.html', '_self');
            $(this).parent().siblings('#mask').remove();
            $(this).parent().remove();
        });
    }
    /* 基本信息判空*/
    $('.mainForm-content-baseMsg input').blur(function() {
        if ($.trim($(this).val()) == '') {
            $(this).parent().find("span").addClass('red');
            $('#next-detailMsg').attr('disabled', "true"); //添加disabled属性 
        } else {
            $(this).parent().find("span").removeClass('red');
            $('#next-detailMsg').removeAttr("disabled"); //移除disabled属性
        }
    });
    //ajax
    $('#completed').click(function(event) {
        $('.LoadingWrap').fadeIn();
        var UpData = new FormData(document.getElementById('FupForm')),
            oChoiceGroup = document.getElementsByClassName('active')[0];
        UpData.append("group", oChoiceGroup.value);
        //Ajax
        $.ajax({
            url: 'http://www.ustopmoving.xin/api/application',
            type: 'POST',
            data: UpData,
            contentType: false,
            processData: false,
            success: function(data, status) {
                console.log(data + ':' + status);
                alert("报名成功");
                $('.LoadingWrap').fadeOut();
            },
            fail: function(err, status) {
                console.log(err);
            }
        });
    });

});